// 入口函数
$(function() {
    // 自定义表单校验
    let form = layui.form
    form.verify({
        // form对象中有一个方法verify专门定义
        // 参数是对象类型,属性石规则名称,
        nickname: [
            /^[\S]{1,10}$/,
            '昵称必须1到10位，且不能出现空格'
        ]
    })

    // 需求2.渲染用户信息,封装成函数,后面还要用
    // 函数不调用不执行
    let layer = layui.layer
    initUserInfo()

    function initUserInfo() {
        // 发送axios
        axios({
            method: 'GET',
            url: '/my/userinfo'
        }).then(function(res) {
            // console.log(res.data);
            // 判断res.data
            if (res.data.status !== 0) {
                return layer.msg(res.data.message)
            }

            // 根据官网,为form表单赋值--登录名称
            // 内置模块->表单=>为表单赋值
            form.val('formUserInfo', res.data.data)
        })
    }

    //  需求三:重置表单
    $('#btnReset').on('reset', function(e) {
        // 阻止表单重置行为     
        e.preventDefault()
            // 从新渲染页面
        initUserInfo()
    })

    // 需求四,修改用户信息
    $('form').submit(function(e) {
        e.preventDefault()
        axios({
            method: 'POST',
            url: '/my/userinfo',
            data: $(this).serialize()
        }).then(res => {
            console.log(res);
            if (res.data.status !== 0) {
                return layer.msg(res.data.message)
            }
            layer.msg('恭喜您修改信息成功')
            window.parent.getUserInfo()
        })
    })
})